.image-code {
  position: fixed;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 654rpx;
  transform: translate(-50%,-50%);
  background: #fff;
  border-radius: 30rpx;
  .content {
    padding: 35rpx 43rpx 40rpx 43rpx;
    .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .text {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 32rpx;
        color: #000000;
        line-height: 45rpx;
      }
      .change {
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 22rpx;
        color: #827CF9;
        line-height: 30rpx;
      }
    }
    .code-image {
      width: 100%;
      height: 163rpx;
      margin-top: 25rpx;
      margin-bottom: 37rpx;
    }
    .code-input {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 47rpx 23rpx 35rpx;
      border-bottom: 1rpx solid #EDEDED;;
      font-size: 26rpx;
      .label {
        flex-shrink: 0;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        color: #000000;
        line-height: 37rpx;
      }
      input {
        text-align: right;
      }
    }
    .btn {
      display: flex;
      justify-content: space-around;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 28rpx;
      line-height: 40rpx;
      .cancel {
        flex: 1;
        color: #7E7E7E;
        padding-top: 35rpx;
        text-align: center;
      }
      .confirm {
        flex: 1;
        color: #827CF9;
        padding-top: 35rpx;
        text-align: center;
      }
    }
  }

}